<template>
	<view class="bgMinor2 pt-24 plr-24 pt-40 pb-40" :style="{ minHeight: `${windowHeight}px`, height: 'auto' }">
		<view v-if="dataInfo.ishow === 'a'">
			<view class="shadowClass">
				<view class="bgMinor5 radius-16">
					<view class="Flex height-800">
						<!-- 在模型生成好时，界面换成“发布”详情界面 -->
						<view class="size-30 color-black3 ml-10">请耐心等候</view>
					</view>
					<view class="bgWhite plr-24">
						<view class="Flex ptb-24 border-b-2">
							<view class="">
								<uv-avatar src="https://via.placeholder.com/200x200.png/2878ff" shape="circle" size="100rpx"></uv-avatar>
							</view>
							<view class="ml-20 size-34 bold">Maverick</view>
							<view class="ml-24">
								<uv-image src="/static/images/vip2.png" width="44rpx" height="44rpx" mode="scaleToFill"></uv-image>
								<!-- <uv-image src="/static/images/vip1.png" width="44rpx" height="44rpx" mode="scaleToFill"></uv-image> -->
							</view>
						</view>
						<view class="ptb-24 flex1 size-24 color-black2">
							<view class="">用户需知：</view>
							<view class="flex-1">
								发布模型到“广场-脉星人”板块，可供商家选择；商家使用该模型并下载所生成的图片，按每张计费，供商家商用，同时给您创造收益。（均为正规商家）
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="">
				<view class="width100 height-90"></view>
				<view class="fixedClass plr-24">
					<view class="list_b_btn">正在生成中…</view>
				</view>
			</view>
		</view>

		<view v-if="dataInfo.ishow === 'b'" class="shadowClass">

			<view class="bgMinor5 radius-16">
				<view class="Flex height-800">
					<!-- 在模型生成好时，界面换成“发布”详情界面 -->
					<!-- <view class="size-30 color-black3 ml-10">请耐心等候</view> -->
					<uv-image src="https://cdn.uviewui.com/uview/album/1.jpg" height="800rpx" mode="heightFix"></uv-image>
				</view>
				<view class="bgWhite plr-24 pb-40">
					<view class="flex1 ptb-24 border-b-2">
						<view class="">
							<uv-avatar src="https://via.placeholder.com/200x200.png/2878ff" shape="circle" size="100rpx"></uv-avatar>
						</view>
						<view class="ml-20 flex-1">
							<view class="flex1">
								<view class="size-34 bold">Maverick</view>
								<view class="ml-24">
									<uv-image src="/static/images/vip2.png" width="44rpx" height="44rpx" mode="scaleToFill"></uv-image>
									<!-- <uv-image src="/static/images/vip1.png" width="44rpx" height="44rpx" mode="scaleToFill"></uv-image> -->
								</view>
							</view>
							<view class="flex mt-18">
								<view class="flex1">
									<view class="flex1">
										<!-- <uv-image src="/static/images/xihuan.png" width="30rpx" height="30rpx" mode="scaleToFill"></uv-image> -->
										<uv-image src="/static/images/xihuan1.png" width="30rpx" height="30rpx" mode="scaleToFill"></uv-image>
										<view class="ml-10 color-black2 size-12">{{ formatNumber(99) }}</view>
									</view>
									<view class="flex1 ml-40">
										<!-- <uv-image src="/static/images/shoucang.png" width="30rpx" height="30rpx" mode="scaleToFill"></uv-image> -->
										<uv-image src="/static/images/shoucang1.png" width="30rpx" height="30rpx" mode="scaleToFill"></uv-image>
										<view class="ml-10 color-black2 size-12">{{ formatNumber(10000) }}</view>
									</view>
								</view>
								<view class="btnUseClass">使用同款</view>
							</view>
						</view>
					</view>
					<view class="ptb-24 flex1 size-24 color-black2">
						<view class="">关键词：</view>
						<!-- <view class="flex-1">七分身、时尚摄影、极简主义</view> -->
						<view class="flex-1">
							发布模型到“广场-脉星人”板块，可供商家选择；商家使用该模型并下载所生成的图片，按每张计费，供商家商用，同时给您创造收益。（均为正规商家）
						</view>
					</view>
					<view class="mt-30">
						<view class="list_b_btn">发 布</view>
						<view class="list_b_btn list_b_btn2">取消发布</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
import { reactive } from 'vue';
import { getWindowHeight } from '@/pages/util/getHeight';
import { onLoad } from '@dcloudio/uni-app';
import { addOpen, loggedIn, addOpenTab, formatNumber } from '@/pages/util/hooks';
import useLoginStore from '@/pinia-store/userInfoStore';
const useLogin = useLoginStore();
const windowHeight = getWindowHeight();
// console.log('useLoginuseLogin',useLogin);
/** @name 数据 */
const dataInfo = reactive({
	ishow: 'b',
	password: '',
	captcha: ''
});
onLoad((options: any) => {});
/** @name xxx */
function getUserInfo() {}
</script>

<style scoped lang="scss">
// :deep(.checklist-box) {
// 	//  模版
// }


.btnUseClass {
	padding: 8rpx 10rpx;
	font-size: 24rpx;
	color: $ai-fonts;
	line-height: 1;
	border: 1px solid $ai-fonts;
	border-radius: 8rpx;
}
// 按钮
.list_b_btn2 {
	background: #b6b6b6;
}
</style>